/**
 * @author truexin
 * @date   16/05/12   
 */
@import "../mixins";
 
.yue-kitchen-confirm {
    background: #f2f2f2;      
    //height: 7.5rem;
    .page-success{
        .center-box{
            position: relative;
            margin: auto;
            margin-top: 1.2rem;
            width: 2.7rem;
            height: 3.4rem;
            background: #fff;
            h3{
                text-align: center;
                line-height: 1.2rem;
                color: #01bfcb;
            }
        }
        ul{
            padding: 0;
            margin: 0 auto;
            width: 2.4rem;
            li{
                list-style: none;
                text-align: center;
            }
        }

        .kitchen-num{
            li{

                &:first-child{
                    height: .5rem;
                }
                height: .35rem;
            }
        }
        .check-btn{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            li{
                float: left;
                width: 50%;
                a{
                    display: inline-block;
                    text-align: center;
                    width: 100%;
                    line-height: .5rem;
                    height: .5rem;
                    background: #01bfcb;
                    color: #fff;
                }
                &:first-child{
                    a{
                        background: #9e449b;
                    }
                }
            }
        }
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .8);
        z-index: 9999;
    }
    .title-msg {
        height: 2.5rem;
        margin: auto;
        padding: .7rem 0;
        width: 2.5rem;
        text-align: center;
        h3{
            padding-bottom: .1rem;
        }
        .yes{
            display: block;
            height: .6rem;
            font-size: .58rem;
            font-family:'property-report' !important;
            font-style:normal;
            color: #01bf93;
            @include iconAfter("\e649");
        }
    }
    .main-msg {
        background: #fff;
        padding: .2rem .3rem;
        table > tbody > tr > td {
            height: .3rem;
            line-height: .2rem;
            &:first-child {
                width: 1rem;                
            }            
        }        
    }
    .iconfont{
        font-family:'yue-detail' !important;
	    font-size:0.18rem;
	    font-style:normal;
        color: #01bf93;
	    -webkit-font-smoothing: antialiased;
	    -webkit-text-stroke-width: 0.5px;
	    -moz-osx-font-smoothing: grayscale;
    }    
    .charge-way{
        background: #fff;
        padding: 0;        
        li{
            padding-left: .3rem;
            padding-right: .2rem;
            list-style: none;
            height:.45rem;
            line-height:.45rem;
            i{  
                float: right;
                @extend .iconfont;
                @include iconAfter("\e6c7");
                &.active{
                    @include iconAfter("\e6c6");
                }
            }
           // &:first-child{
                border-bottom: 1px solid rgba(100,100,100,.3);
           // }
        }
    }
    .confirm-btn{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: inline-block;
        text-align: center;
        line-height: .5rem;
        height: .5rem;
        background: #01bfcb;
        color: #fff;
    }
}